.cp__repo-indicator {
  .sync-content {
    max-height: 80vh;
    overflow: auto;

    p {
      margin: 0.25rem 0;
    }
  }
}

.repo-plus svg {
  display: inline;
  transform: scale(0.7);
}

.ui__dropdown-menu-content {
  &.repos-list {
    @apply flex flex-col px-2 relative overflow-hidden min-w-[300px] sm:max-w-[400px];

    .ui__dropdown-menu-item {
      @apply overflow-hidden overflow-ellipsis;
    }

    .cp__repos-list-wrap {
      @apply max-h-80 overflow-scroll mx-[-8px] px-2 pb-2;
    }

    .no-repos {
      .cp__repos-list-wrap {
        @apply hidden;
      }

      .cp__repos-quick-actions {
        @apply border-t-0 -mt-1.5;
      }
    }
  }
}

.cp__repos-select {
  &-trigger {
    @apply flex items-center p-2 text-sm font-medium rounded-md;

    .repo-switch {
      @apply flex w-[90%] overflow-hidden items-center select-none;
    }

    .repo-text, .repo-name {
      @apply flex w-[95%] items-center;

      .ui__icon {
        @apply !mr-0;
      }
    }

    .dropdown-caret {
      @apply relative border-t-gray-09 left-1.5 top-[2px];
    }
  }
}

.cp__repos-quick-actions {
  @apply -mx-2 pl-1 pr-2 pb-1.5 pt-3 border-t flex flex-col rounded-b h-fit;

  .ui__button {
    @apply w-full !py-4 !justify-start opacity-70 font-medium hover:opacity-90
    items-center gap-1.5 hover:bg-gray-03;
  }
}

.cp__graphs-selector {
  > a.item {
    @apply flex items-center relative flex-1 overflow-hidden
    pl-1 py-1 pr-4 opacity-90 active:opacity-70 rounded-md;

    > .thumb {
      @apply w-6 h-6 overflow-hidden flex flex-shrink-0 items-center
      -ml-0.5 justify-center rounded opacity-80 dark:opacity-50;

      > .ui__icon {
        @apply mr-0;
      }
    }

    > strong {
      @apply whitespace-nowrap overflow-hidden text-ellipsis pl-1
      font-medium relative pr-4 text-sm;
    }

    > .ui__icon {
      @apply absolute -right-1 top-2 opacity-40;
    }
  }

  > span {
    @apply relative flex items-center -mr-1;

    > .ui__button {
      @apply p-1 opacity-40 hover:opacity-70 active:opacity-100;
    }
  }
}
